<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		div {width: 100px; height: 100px; background-color: #45dfff; margin: 10px;}
	</style>
	<script src="../jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
	/*
		$()下的常用方法:
			delay(毫秒) : 延迟一段时间再执行后续的操作
	*/
	$(function() {
		$('#div2').click(function() {
			$(this).animate( {"width":300}, 1000, 'swing').delay(1000).animate( {"height":300}, 1000, 'swing');
		});
	});
	</script>
</head>
<body>
	<div id="div2">move</div>
</body>
</html>